/*
Version: 3.4.2 Timestamp: Mon Aug 12 15:04:12 PDT 2013
*/

body{ background-color:#f5f5f5;}

ul,li{ list-style:none;}

*{
    -webkit-overflow-scrolling: touch;
}

.use_info{float:left;text-align:center;width:100px;height:70px;line-height:70px;font-family:Microsoft YaHei;background-color:rgba(1,83,209,1.00); color:#fff; font-weight:bold; font-size:20px}

/*首页昨日销售额数据*/
.infobox-data-number{font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}

/*首页昨日销售额数据*/
.widget{margin:5px; font-size:16px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}

/*首页同比数据*/
.badge-margin{float:right;margin:10px 0 0 0;}

/*目前应完成进度条*/
.progress-margin{margin:10px 0 0 0;}

/*logo标题文字样式*/
.navbar-brand img{line-height:28px;margin:-3px 0 0 0;}
.navbar-brand .title{line-height:28px;}
.navbar-brand .title_data{font-size:14px;margin:0 0 0 5px;line-height:28px;}
.top_search{float:right;margin:10px 5px 0 0; text-align:center; }
.top_search2{float:right;margin:2px 5px 0 0; text-align:center; }
.search1{width: 100%; overflow: hidden;text-align: center;}
.search2{width: 100%; overflow: hidden;color:#fff;transform:scale(0.8);margin:-10px 0 0 0;}
/*顶部搜索样式*/
.header-button{overflow: hidden; text-align: left; text-transform: capitalize; position: relative; z-index: 1; display: block; width: 30px; height: 30px; margin:10px 10px 0 0 ; padding: 0; outline: none; border: none; cursor: pointer;}
#toggle-menu{float: left; background-position: 0 0;}
#toggle-search{ background-position: -60px 0;}
#toggle-search.open:after{top: 30px;}
#toggle-search:after{-moz-transition: top, 0.5s; -o-transition: top, 0.5s; -webkit-transition: top, 0.5s; transition: top, 0.5s; position: absolute; top: 52px; left: 50%; margin-left: -8px; content: ""; border-color: transparent transparent #e1e4e7; border-style: solid; border-width: 8px 8px 12px;}
#toggle-basket{position: relative; float: right; background-position: -120px 0;}
#toggle-basket:before{position: absolute; top: 5px; left: 0; width: 2px; height: 50px; content: ""; background-color: #000;}
#search-form{-moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 48px; left: 0; width: 100%; max-height: 0; overflow: hidden; background-color: #fff;}
/*搜索弹出层样式*/
#search-form.open{max-height: 60px;}
#search-form fieldset{position: relative; margin: 0 60px 0 0; padding: 0; border: none;}
#search-form input{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 60px;}
#search-form input[type="search"]{width: 100%; padding: 0 5px 0 22px; background: transparent; border: none;}
#search-form input[type="submit"]{position: absolute; bottom: 0; right: 0; width: 60px; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #fff; background: #f79263; border: none; cursor: pointer;}

/*顶部门店样式*/
.top_md_d_data{ font-size:18px;  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
.top_md_d_li{font-size:16px;margin:-5px 0 0 0;}
.top_md_d_kl{margin:-6px 0 0 0;}
.top_md_d_pd{padding:10px 0 0 0;}

/*顶部数据样式*/
.top_data{ background:#599ef8;margin:0;display:block; overflow:hidden; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
.top_data .top_md_title{display:block; overflow:hidden; color:#fff;font-size:14px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;padding:0 15px; text-align:center;}
.top_data .top_md_title span{margin:0 5px 0 0;}
.top_data .top_md_data{display:block; overflow:hidden; color:#fff;font-size:14px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;padding:0 15px; text-align:center;}
.top_data .top_md_data span{margin:0 8px 0 0;}
.top_data_t{ color:#fff; font-size:16px;padding:0 0 0 15px;height:50px;line-height:50px;}
.top_data_c_index{ text-align:center;color:#fff; font-size:40px;font-weight:bold;height:35px;line-height:25px;}
.top_data_c_index i{color:#fff; font-size:12px;margin:0 0 0 5px;}
.top_data_c{ text-align:center;color:#fff; font-size:20px;font-weight:bold;height:130px;line-height:130px;}
.top_data_span{ color:#fff; font-size:28px;text-align:center; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;}
.top_data_d{display:block;overflow:hidden;color:#fff;border-top:1px #fff double;margin:8px 0 0 0;}
.top_data_d_l{float:left;width:33.3333%;height:75px; border-right:1px #fff double;text-align:center;padding:5px 0 0 0;}
.top_data_d_c{float:left;width:33.3333%;height:75px; border-right:1px #fff double;text-align:center;padding:5px 0 0 0;}
.top_data_d_r{float:right;width:33.3333%;text-align:center;height:75px;padding:5px 0 0 0;}
.top_data_d_title{ font-size:14px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
.top_data_d_data{ font-size:14px;  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
.top_data_d_li{font-size:16px;margin:0px 0 0 0;}
.top_data_d_kl{margin:0px 0 0 0;}
.top_data_d_pd{padding:10px 0 0 0;}

.top_data_d_more{height:53px;}


/*按钮图标*/
 .btn-baifen{width:100%; border-radius:6px;}
 
 /*经营分析*/
.pd_div{padding:0}
.jy_div{border-bottom:1px solid #e3e3e3;padding:8px 0 0 0;}
.jr_l{float:left;width:50%;text-align:center;}
/* .zr_pd{padding:3% 4%; width:100%; margin:0 auto; background:rgba(255,255,255,0.7); color:#bbb;} */
.zr_pd{padding:8px 8px}

.zr_pd span{ display:block; float:left;}
.jy_area_l{text-align:center;width:50%;padding:0 0 8px 0;margin:0 0 8px 0;line-height:5px;}
.jy_area_r{text-align:center;width:50%;margin:10px 0 0 0;}
.duibi{width:70px;margin:0 auto; background-color:#FF0004}
.jy_pd{padding:5px 5px 0 5px;}

/*月经营分析*/
.mou{overflow:hidden; display:block;}
.mou_left{float:left;color:#ff0000;font-size:12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
.mou_right{float:right;font-size:12px;color:#393939; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
.no-border{border:none}

/*完成情况*/
.wc_div{width:50%;height:190px;padding:15px 10px; }
.wancheng{width:100%;overflow:hidden;line-height:20px; display:block;}
.wancheng .baifen{font-size:14px;color:#00a0e9;float:right}
.wancheng h4{font-size:12px;}
#pie1{position:absolute;top:10px; left:0;margin:0 0 0 -70px;}
#pie2{position:absolute;top:90px;left:55px;}

/*区域销售数据柱状图*/
@-webkit-keyframes animate-width {0% {width: 0;}100% {visibility: visible;}}
@-moz-keyframes animate-width {0% {width: 0;}100% {visibility: visible;}}
@keyframes animate-width {0% {width: 0;}100% {visibility: visible;}}
@-webkit-keyframes animate-height {0% {height: 0;}100% {visibility: visible;}}
@-moz-keyframes animate-height {0% {height: 0;}100% {visibility: visible;}}
@keyframes animate-height {0% {height: 0;}100% {visibility: visible;}}
#bar-chart {width:70%;float:left;margin:20px 0 0 10px;}
#bar-chart * {box-sizing: border-box;}
#bar-chart .graph {height: 208px;position: relative;}
#bar-chart .bars {height: 243px;position: absolute;left:36px;width: 400px;z-index: 10;}
#bar-chart .bar-group {display: block;float: left;height:74%;position: relative;width:38px;}
#bar-chart .bar-group:last-child {  margin-right: 0;}
#bar-chart .bar-group .bar{visibility: hidden; height: 0; -webkit-animation: animate-height; -moz-animation: animate-height; animation: animate-height; animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99); -webkit-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99); -moz-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99); animation-duration: 0.4s; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; box-shadow: 1px 0 2px rgba(0, 0, 0, 0.15); border-radius: 3px 3px 0 0; bottom: 0; cursor: pointer; height: 0; position: absolute; text-align: center; width: 20%;}
#bar-chart .bar-group .bar:nth-child(2){left: 25%;}
#bar-chart .bar-group .bar:nth-child(3){left: 70%;}
#bar-chart .bar-group .bar span{display: none;}
#bar-chart .bar-group .bar-1{animation-delay: 0.3s; -webkit-animation-delay: 0.3s;}
#bar-chart .bar-group .bar-2{animation-delay: 0.4s; -webkit-animation-delay: 0.4s;}
#bar-chart .bar-group .bar-3{animation-delay: 0.5s; -webkit-animation-delay: 0.5s;}
#bar-chart .bar-group .bar-4{animation-delay: 0.6s; -webkit-animation-delay: 0.6s;}
#bar-chart .bar-group .bar-5{animation-delay: 0.7s; -webkit-animation-delay: 0.7s;}
#bar-chart .bar-group .bar-6{animation-delay: 0.8s; -webkit-animation-delay: 0.8s;}
#bar-chart .bar-group .bar-7{animation-delay: 0.9s; -webkit-animation-delay: 0.9s;}
#bar-chart .bar-group .bar-8{animation-delay: 1s; -webkit-animation-delay: 1s;}
#bar-chart .bar-group .bar-9{animation-delay: 1.1s; -webkit-animation-delay: 1.1s;}
#bar-chart .bar-group .bar-10{animation-delay: 1.2s; -webkit-animation-delay: 1.2s;}
#bar-chart .bar-group .bar-11{animation-delay: 1.3s; -webkit-animation-delay: 1.3s;}
#bar-chart .bar-group .bar-12{animation-delay: 1.4s; -webkit-animation-delay: 1.4s;}
#bar-chart .bar-group .bar-13{animation-delay: 1.5s; -webkit-animation-delay: 1.5s;}
#bar-chart .bar-group .bar-14{animation-delay: 1.6s; -webkit-animation-delay: 1.6s;}
#bar-chart .bar-group .bar-15{animation-delay: 1.7s; -webkit-animation-delay: 1.7s;}
#bar-chart .bar-group .bar-16{animation-delay: 1.8s; -webkit-animation-delay: 1.8s;}
#bar-chart ul{list-style: none; margin: 0; padding: 0;}
#bar-chart .x-axis{bottom:0; position: absolute;text-align: center; padding:0 0 0 15px;width: 450px;color:#1a72b8;margin:0 0 0 8px;font-size:12px;}
#bar-chart .x-axis li{float: left; margin:0 3px 0 0; }
#bar-chart .x-axis li:last-child{margin-right: 0;}
#bar-chart .y-axis{position: absolute; width: 100%;padding:0 0 0 25px;font-size: 10px;}
#bar-chart .y-axis li{border-top: 1px solid #f2f2f2; display: block; height:20px;width: 220px;text-align:right;}
#bar-chart .y-axis li span{display: block; font-size: 10px; margin: -10px 0 0 -35px; width: 30px;color:#1a72b8;}
#bar-chart .stat-1{ background-color:#76d7c4; border: 1px solid #5acfb8}
#bar-chart .stat-2{ background-color:#7acaf6; border: 1px solid #30acf1}
.paiming{float:right;}
.paiming_pd1{margin:5px 10px 0 0;}
.paiming_pd2{margin:25px 5px 0 0;}
.paiming ul li{width:100%; display:block;overflow:hidden;margin:0 0 8px 0;font-size:10px;}
.paiming .mub{ background-color:#76d7c4;width:30px;border-radius:5px;height:12px;margin:4px 4px 0 0; float:left; }
.paiming .wac{ background-color:#7acaf6;width:30px;border-radius:5px;height:12px;margin:4px 4px 0 0; float:left;}
.paiming .num{float:left;width:18px;height:18px; text-align:center;background-color:red; border-radius: 50%; -moz-border-radius: 50%;-webkit-border-radius: 50%;color:#ffffff;margin:0 4px 0 0;}
.qyxs{margin:18px 0 0 0;}
.qyxs .data_div1{float:left;width:44%;}
.qyxs .data_div{float:left;height:100px;width:28%;text-align:center;}
.qyxs .mou_data{font-size:12px;color:#f76826; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
.qyxs .data_line{border-left:1px solid #f2f2f2;}
.qyxs .p{margin:18px 0 0 0;}
.qyxs .top{position:absolute;top:0;left:0;}
#pie4{position:absolute;top:50px;left:58px;}
#pie5,#pie6,#pie7,#pie8,#pie9,#pie10{width:200px;margin:0 0 0 -18px;}

/*各中心昨日单店均值*/
.thin-border-bottom th,td{ text-align:center;}
.thin-border-bottom .td_title_data{ text-align:left;padding:8px 0px 0 20px;}
.thin-border-bottom .baifen{font-size:14px;color:#00a0e9;}
.thin-border-bottom .hidden-480{ text-align:right;padding:8px 10px 0 0}
.thin-border-bottom .hidden-470{ text-align:center;}
.progress_new{margin:5px 0 0 0;}
.num{width:18px;height:18px;text-align:center;background-color:red; border-radius: 50%; -moz-border-radius: 50%;-webkit-border-radius: 50%;color:#ffffff;padding:0px 5px;margin-right:2%;}

.thin-border-bottom .num{display:inline-block;width:18px;height:18px;text-align:center;background-color:red; border-radius: 50%; -moz-border-radius: 50%;-webkit-border-radius: 50%;color:#ffffff;padding:0px 5px;margin-right:2%;}
.thin-border-bottom span{background-color:#2a91d8; color: #fff;padding:3px 5px;border-radius: 5px;}

/*商品大类排名*/
.shop_pm{ display:block;overflow:hidden;}
.shop_pie1{ width:100%; }
.shop_pie2{ width:100%;}
#canvas-holder{margin:-30px 0 0 0;}

@media (min-width: 540px) {.top_data_span{ color:#fff; font-size:70px;text-align:center; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;}}
@media (min-width: 768px) {.top_data_span{ color:#fff; font-size:70px;text-align:center; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;}}
@media (min-width: 992px) {.top_data_span{ color:#fff; font-size:70px;text-align:center; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;}}
@media (min-width: 1200px) {.top_data_span{ color:#fff; font-size:70px;text-align:center; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;}}

/*顶部按钮填充*/
.top_an{background-color:#fff;padding:8px 8px 0 8px;}
.top_an1{background-color:#fff;margin:0 0 0 0;overflow: hidden;}
.top_an1 ul{display:flex; width:100%;margin:0 0 8px 0;}
.top_an1 ul li{float:left; flex: 1 1 auto;width:auto;}
.top_an_pd{padding:0 3px 0 0;}

/*巡店管理表格*/
.xun_w{width:30%;}
.hidden-480 img{width:60px;height:60px;margin:0 0 8px 0;}

/*巡店管理顶部数据*/
.xun_d_g_time{font-size:14px;padding:0 15px 0 0;}

/*零库存预警*/
.kc_w{width:10%;}

/*门店差异排名*/
.data-md{padding:8px; display:block; overflow:hidden;}
.data-md input{line-height:35px;height:35px;padding:0 0 0 5px; background:#fff;width:49%;}
.data-md .an{margin:8px 0 0 0; border-radius:8px;}

/*表格单元格左对齐*/
.td_left{font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;text-align: left;}
/*表格单元格右对齐*/
.td_right{font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;text-align: right;}
/*门店助手搜索*/
.search_1{margin:0 0 0 5px;}
.search_1 img{width:20px;height:20px;margin:-3px 0 0 0;} 

